import React, { Component } from 'react';  
import "./contactMe.scss"; 
import { Row, Col , Icon } from 'antd'; 

class ContactMeComponent extends Component {
  constructor(props){
  	super(props);
  	this.state={
        homeData:{
			list_contact:[{img:"https://myreact-1300410218.cos.ap-beijing.myqcloud.com/contactMe/wx.png",title:"微信扫一扫加好友呀"},{img:"https://myreact-1300410218.cos.ap-beijing.myqcloud.com/contactMe/qq.png",title:"qq扫一扫交个朋友呀"},],
			list_pay:[{img:"https://myreact-1300410218.cos.ap-beijing.myqcloud.com/contactMe/zfbPay.png",title:"支付宝扫一扫有惊喜"},{img:"https://myreact-1300410218.cos.ap-beijing.myqcloud.com/contactMe/wxpay.png",title:"微信扫一扫有惊喜"}]
		}
  	}
  }
  render() {    
    return (
      <div className="contactMeConainer">
	    <h3>联系我</h3>
		<div className="dianhuaAndYouxiang">
			<a href="tel:13260186287">13260186287<Icon type="phone" /> 刘学超 <span><Icon type="poweroff" /></span></a>	
			<a href="mailto:1742947075@qq.com">1742947075@qq.com<Icon type="mail" /><span><Icon type="poweroff" /></span></a>
			<a href="http://wpa.qq.com/msgrd?v=3&uin=1742947075&site=qq&menu=yes">直接qq聊<Icon type="qq" /><span><Icon type="poweroff" /></span></a>  
		</div>
	    <Row>
	    	{
	    		this.state.homeData.list_contact.map((item,index)=>{
	    			return (<Col className="gutter-row-contact" md={12} key={index}>
	    				<div className="gutter-box" >
	    					<div className="headerImg"><img src={item.img} alt=""/></div> 
							<p>{item.title}</p>
	    				</div>
	    			</Col>)
	    		})
	    	}
	    </Row>
      </div>
    )
  }
} 
export default ContactMeComponent;